<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
 * Resumen.
 * Objeto 				:	index.xhtml
 * Descripcion 			: 	.
 * Fecha de Creacion 	: 	24/02/2015.
 * Pry de Creacion 		: 	RNA/RNS.
 * Autor 				: 	Julio Cayulla.
 * ================================================================================================
 * Modificaciones
 * Motivo						Fecha		Nombre				Descripcion
 * ================================================================================================
 *
 -->
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>OSCE - Organismo Supervisor de las Contrataciones del Estado</title>
	<link href="#{request.contextPath}/recursos/css/estilos.css" 	rel="stylesheet" 	type="text/css" />
	<link href="#{request.contextPath}/recursos/css/estilosRNAS.css" 	rel="stylesheet" 	type="text/css" />
	
</h:head>
<body>
	<h:form id="idFormAcceso">
    	<p:growl id="validador" showDetail="false" autoUpdate="false"/>    
    	<br/><br/><br/><br/><br/>
	    <p:panel id="basic" style="width:750px;">
	    
       		<p:focus context="basic"/>
			<p:panelGrid id="formLogin" layout="grid" styleClass="ui-panelgrid"  >
				<p:row >
					<p:column style="text-align:center" rowspan="4" >						
		        		<p:graphicImage value="recursos/imagenes/Login OSCE.jpg" height="250" width="350"/>
					</p:column>
					<p:column style="text-align:center;font-weight: bold;" colspan="3">
						<p:outputLabel value="#{rbSirenasUI['sirenas.ui.general.title.rns']}" styleClass="tituloPagina"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column style="text-align:center">
						<p:outputLabel value="USUARIO" styleClass="label"/>
					</p:column>
					<p:column style="text-align:center">
						<p:inputText id="codUsuario" value="#{navegadorBean.credencial.usuario}" required="true" requiredMessage="Ingrese su Usuario"/>
					</p:column>
					<p:column><p:message for="codUsuario" display="icon"/></p:column>
						
				</p:row>
				<p:row>
					<p:column style="text-align:center">
						<p:outputLabel value="CONTRASEÑA" styleClass="label" />
					</p:column>
					<p:column style="text-align:center">
        				<p:password id="codContraseña"  value="#{navegadorBean.credencial.password}" required="true" requiredMessage="Ingrese su Contraseña"/>
					</p:column>
					<p:column style="text-align:left"><p:message for="codContraseña" display="icon" /></p:column>
				</p:row>
				<p:row>
					<p:column style="text-align:center" colspan="3">
					
        				<p:commandButton value="#{rbSirenasUI['sirenas.ui.general.boton.aceptar.label']}"  style="width:180px;"
							action="#{navegadorBean.validarCredenciales}" styleClass="ui-icon-disk"  update="idFormAcceso"
							icon="ui-icon-disk">
							 <f:setPropertyActionListener target="#{navegadorBean.tipoFicha}" value="SECRETARIO" />
							 <f:setPropertyActionListener target="#{navegadorBean.rolUsuario}" value="RNS" />	
						</p:commandButton>		
						<p:blockUI block="idFormAcceso" widgetVar="bui">
				        	PROCESANDO<br />
				        	<p:graphicImage value="recursos/imagenes/ajaxloadingbar.gif"/>
						</p:blockUI>
					</p:column>
				</p:row>
				<p:row>
					<p:column style="text-align:center" colspan="4">
						<p:outputLabel value="AVISO IMPORTANTE"  style="font-size: 75%;font-weight: bold;"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column style="text-align:left" colspan="4">
						<p:outputLabel style="font-size: 75%;">
							Con el ingreso del usuario y contraseña confirma su identidad ante el OSCE y reconoce su acceso a la Bandeja del Sistema, haciéndose 
							responsable del uso personal de la misma así como de mantener su confidencialidad, por lo que no debe otorgar autorización a terceros para acceder a ella.
						</p:outputLabel>
					</p:column>
				</p:row>
				<p:row>
					<p:column style="text-align:center" colspan="3">
						<p:outputLabel style="font-size: 75%;">
							* Para mayor información comunicarse al Centro de Consultas del OSCE: 614-3636 
						</p:outputLabel>
					</p:column>
				</p:row>
			</p:panelGrid>
	    </p:panel>
	    
	</h:form>
					
</body>
</html>